<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--stylesheet-->
    <link rel="stylesheet" href="spa/css/spa.css" type="text/css"/>
    <link rel="stylesheet" href="spa/css/spa.chat.css" type="text/css"/>
    <link rel="stylesheet" href="spa/css/spa.shell.css" type="text/css"/>
    <link rel="stylesheet" href="spa/css/spa.avtr.css" type="text/css"/>
    <!-- third-party javascript -->
    <script src="spa/js/taffy.js"></script>
    <script src="spa/js/jq/jquery-3.0.0.js"></script>
    <script src="spa/js/jq/jquery.uriAnchor.js"></script>
    <script src="spa/js/jq/jquery.event.gevent.js"></script>
    <script src="spa/js/jq/jquery.event.ue.js"></script>
    <!--our javascript-->
    <script src="spa/spa.js"></script>
    <script src="spa/spa.util.js"></script>
    <script src="spa/spa.data.js"></script>
    <script src="spa/spa.fake.js"></script>
    <script src="spa/spa.model.js"></script>
    <script src="spa/spa.util_b.js"></script>
    <script src="spa/spa.shell.js"></script>
    <script src="spa/spa.chat.js"></script>
    <script src="spa/spa.avtr.js"></script>
    <script>
        $(function () {
            spa.initModule($('#spa'));
        });
    </script>
</head>
<body>
    <div id="spa"></div>
</body>
</html>